/**
 * 1.引入gulp
 * 2.写任务
 *  gulp.task("default",[],function(){})
 *  中间写任务名,数组,在执行default之前先执行数组中的任务
 */

var gulp = require('gulp');
var hmin = require('gulp-htmlmin');
var bs = require('browser-sync').create();

gulp.task('bs',function(){
    bs.init({
        //server指的是页面所在的位置
        server:'./build'
    })
    gulp.watch('./*.html',['htmlmin']);//监听要被压缩的html文件，当文件改变时，执行htmlmin任务
    gulp.watch('./build/*.html').on('change',bs.reload)//监听压缩后的html又没有改变，如果改变，页面重载
})


gulp.task('htmlmin',function(){
    return gulp.src('./*.html')
        .pipe(hmin({collapseWhitespace: true}))
        .pipe(gulp.dest('build/'))
})


gulp.task('default',function(){

})